import './Page404.css'
import {useNavigate} from "react-router-dom";
import img from '../../assets/ghost-img.png'
const Page404 = ()=>{
    const navigate = useNavigate()
    const turnHome=()=>{
        navigate("/introduce")
    }
    return (
        <div className="container-box">
            <div className="main-container">
                <div className="data">
                    <span id='error'>Error 404</span>
                    <p>我们似乎找不到 <br />你要找的页面</p>
                    <a href="javascript:;" onClick={turnHome} className="button">
                        Go Home
                    </a>
                </div>

                <div className="ghost-img">
                    <img src={img} alt="" id="img"/>
                    <div className="ghost-shadow"></div>
                </div>
            </div>
        </div>

    )
}

export default Page404
